<!DOCTYPE html>
<html>
	<head>
		<!--万国码-->
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!--快捷键 注释：ctrl +  / -->
        <!--删除单行：ctrl + D  -->
        <!--自动提示：alt + / -->

		<!--你们只要写代码就可以了。
		注释后续我会发给大家。
		时间比较多的情况下才写注释。-->
		
		江门职业技术学院
		<!--所有标签都需要闭合
			一般都是成对出现，闭合标签/写在前面。例如</body>
			或者还有自闭合标签，例如：<img/>
		-->
		<!--1，文本标签-->
		<p>                  我是一个段落~~ </p>
		<p>&nbsp;&nbsp;&nbsp;我是第二个段落~~</p>
		<!--HTML里面所有空格都只会被解析成一个-->
		<!--文本显示实体字符-->
		&lt;p&gt;
		&copy;
		<!-- p>p -->
		<!--p*5-->
		 <span>我是一个span</span>
		<!--2,图片标签-->
		<!--src对应的是文件路径-->
        <!--假如，html文件所在的路径和图片所在的根路径不一致的时候，注意使用../(返回上一级目录)保持在同一级目录下。-->		
		<img src="img/Koala.jpg"/>
		
		<!--加载网络图片-->
		<img src="http://tse1.mm.bing.net/th?id=OET.6fd3a3a23bbc476e895adfcae7353de7&w=135&h=272&c=7&rs=1&qlt=90&o=4&pid=1.9"/>
		
		<img src="http://tse4.mm.bing.net/th?id=OIP.BNe9JseVZ8TpMRyIftxy9wE8DF&w=300&h=187&c=7&qlt=90&o=4&pid=1.7"/>
		
		<!--加载base64-->
		<img src=""/>
		
		<!--超链接-->
		<a href="http://www.qq.com">QQ</a>
		<a href="http://wwww.baidu.com">baidu</a>
		<!--弹出新窗口：target="_blank"   默认就是当前页面显示-->
		<a href="http://www.taobao.com"  target="_blank" >taobao</a>
		<!--如何点击一张图片，跳转到其他网站-->
		<a href="http://www.jd.com"><img src="img/Koala.jpg"/></a>
		
		<!--播放音乐-->
        <!--controls 显示控制台    autoplay 自动播放    loop 循环播放-->
        <audio src="music/Kalimba.mp3" controls  loop ></audio> 
        
        <audio src="http://sc1.111ttt.com/2017/4/05/10/298101104389.mp3" controls></audio>
        <!--播放视频--> 
        <video src="http://www.w3school.com.cn/example/html5/mov_bbb.ogg" controls ></video>
		
		
		<input  type="button"   value="登陆" />
		<button>登陆</button>
		<!--输入框-->
		<!--br 换行标签-->
		<!--input上面的文本使用 value属性设置-->
		<!--提示语：placeholder-->
		<br />用户名<input type="text" placeholder="手机号"/> 密码<input type="password" placeholder="密码"/>
		
		<br />
		<!--多选框-->
		  篮球<input type="checkbox" />
		  足球<input type="checkbox" />
		  排球<input type="checkbox" />
		
		<br />
		<!--单选--> 
		<!--一定要分组，才有单选效果。分组就是：定一个name.所有组内标签的name要一样 。name对应的值可以自定义-->
		A<input type="radio" name="choose"/>
		B<input type="radio" name="choose"/>
		C<input type="radio" name="choose"/>
		<br />
		<!--checked 默认选中-->
		男<input type="radio" name="sex"  checked  />
		女<input type="radio" name="sex" />
		
		
		<input type="color" /> 
		<input type="date" />
		<input type="number" />
		
		<!--容器标签-->
		<!--div一般用来装其他标签，分割区域用。类似文本标签，但是不能当做文本标签用-->
		<div >我是一个div</div>
		<div >我是一个div</div>
	    <br />	
		<div >
			XXXX头
		</div>
        <div >
			XXXX内容
		</div>
		<div >
			XXXX底部
		</div>
		<br />
		<!--H5出现了新标签替代-->
		<header>头</header>
		<section>内容</section>
		<footer>底部</footer>
		
		<!--h1整个页面只允许出现一个。其他没要求-->
		<h1>H1</h1>
		<h2>H2</h2>
		<h3>H3</h3>
		
		
		
		
		
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		
		
	</body>
</html>
